<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <style>
      .radio-inline input[type=radio] {
    margin-top: 4px;
}
        .note-editable{height: 150px}
    </style>
</head>

<body style="color:#333;padding:3px;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">开发票申请表</h1>
    </div>
    <!-- 标题 -->
    <div>
    <form action=""  class="form-inline">
      <table class="row-margin-top tab-content table-bordered table" border="1" style="margin-bottom:0">
          <tr>
            <td class="text-center" style="min-width: 160px;width: 160px"><label for="" class="form-label">流水号</label></td>
            <td>&nbsp;</td>
            <td  style="min-width: 160px;width: 160px" class="text-center"><label for="">填表人</label></td>
            <td >测试经理</td>
            <td  style="min-width: 160px;width: 160px" class="text-center"><label for="">日期</label></td>
            <td>2017-11-22 19:39</td>
        </tr>
        <tr>
             <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">开票类型<span class="colorRed">*</span>：</label>
             </td>
             <td colspan="5">
                    <select name="" id="" class="form-control">
                        <option value="0">请选择</option>
                    </select>
             </td>
        </tr>
        <tr>
            <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">一级经销商名称<span class="colorRed">*</span>：</label>
             </td>
             <td colspan="5"><div class="form-group">
                <input type="text" class="form-control" placeholder="请输入关键字或空格查询" name=""><a href="javascript:;" rol="button" class="btn btn-info">选择</a>
             </div></td> 
        </tr>
        <tr>
             <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">开票单位名称<span class="colorRed">*</span>：</label>
             </td>
             <td colspan="5">
                <input type="text" class="form-control" name=""><span class="font-bold">(一级开票，取一级经销商名称；二级开票，手动填写。)</span>
             </td>
        </tr>
        <tr>
            <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">发票类型<span class="colorRed">*</span>：</label>
             </td>
             <td>
                <label class="radio-inline">
                   <input type="radio" checked id="inlineCheckbox12" name="inlineCheckbox1" value="option11">增值发票
                  </label>
                  <label class="radio-inline">
                   <input type="radio" id="inlineCheckbox22" name="inlineCheckbox1" value="option22">普通发票
                  </label>
             </td>
             <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">付款金额(元)<span class="colorRed">*</span>：</label>
             </td>
             <td>
                <input type="text" class="form-control" style="min-width: 120px;width: 120px" name="">
             </td>
            <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">付款时间<span class="colorRed">*</span>：</label>
             </td>
             <td>
                  <div class="form-group">
                    <input type="text" id="start" class="form-control layer-date" style="min-width:120px;width:120px;height: 26px;display: inline-block;" name="">
                  </div>-
                  <div class="form-group">
                    <input type="text" class="form-control layer-date" style="min-width:120px;width:120px;height: 26px;display: inline-block;" id="end" name="">
                 </div>
             </td>
        </tr>
        <tr>
          <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">公司发货时间<span class="colorRed">*</span>：</label>
             </td>
            <td colspan="5">
                 <div class="form-group">
                    <input type="text" id="start1" class="form-control layer-date" style="min-width:120px;width:120px;height: 26px;display: inline-block;" name="">
                  </div>-
                  <div class="form-group">
                    <input type="text" class="form-control layer-date" style="min-width:120px;width:120px;height: 26px;display: inline-block;" id="end1" name="">
                 </div>
            </td>  
        </tr>
        <tr>
            <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">收件人<span class="colorRed">*</span>：</label>
             </td>
             <td>
                <input type="text" class="form-control" name="">
             </td>
              <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">收件人电话<span class="colorRed">*</span>：</label>
             </td>
             <td>
                  <input type="text" class="form-control" style="min-width: 60px;width: 60px" name="">-
                <input type="text" class="form-control" style="min-width: 80px;min-width:80px " name="">
             </td>
              <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">收件人手机<span class="colorRed">*</span>：</label>
             </td>
             <td>
                <input type="text" class="form-control" name="">
             </td>
        </tr>
        <tr>
             <td style="min-width: 160px;width: 160px" class="text-center">
                <label for="" class="form-label">邮寄地址<span class="colorRed">*</span>：</label>
             </td>
             <td colspan="5">
                <input type="text" class="form-control" name="">
             </td>
        </tr>
         <tr>
             <td style="min-width: 160px;width: 160px" class="text-center" rowspan="3">
                <label for="" class="form-label">备注</label>
             </td>
             <td colspan="5">
                <textarea name="" id="" row="3" class="form-control" style="user-select:none;width: 60%;overflow-y: auto"></textarea><span style="vertical-align: bottom;">(500)</span>
             </td>
        </tr>
      </table>
    <table class="table table-bordered text-center ad_table" style="margin-bottom: 0">
        <tr class="info">
            <th class="text-center">
                  <label for="" class="form-label">交货单号<span class="colorRed">*</span>：</label>
            </th>
            <th style="min-width: 80px;width: 80px" class="text-left"><button type="button" class="btn-info btn addTr">添加</button></th>
        </tr>
        <tr>
            <td><input type="text" class="form-control" name=""></td>
            <td style="min-width: 80px;width: 80px">&nbsp;</td>
        </tr>
        
    </table>
    <table class="table table-bordered" style="border-top: 0" >
        <tr>
        <td style="min-width: 160px;width: 160px;border-top: 0" class="text-left">是否整单开票</td>
        <td style="border-top: 0">
             <label class="radio-inline">
                   <input type="radio" checked id="inlineCheckbox1q" name="inlineCheckbox1a" value="option13">是
                  </label>
             <label class="radio-inline">
                   <input type="radio" id="inlineCheckbox2w" name="inlineCheckbox1a" value="option23">否
                 </label>
                <span class="font-bold">(如果选择'否'，就必须填写开票明细)</span>
        </td>
        </tr>
        <tr>
          <td colspan="2"></td>
        </tr>
    </table>
     <div class="form-group" style="margin:20px 10px 20px 20px">
        <input type="file" id="exampleInputFile" name="">
        <p class="help-block" style="color:#1295d2">注：最多上传15个文件，每个文件小于50M,支持格式：</p>
        <p class="help-block" style="color:#1295d2">jpg,bnp,gif,png,jpeg,tif,raw,doc,docx,xls,xlsx,ppt,pptx,txt,pdf,rar,zip,mp4,avi,rmvb,rm,mid,3gp,AVI,3GP,,mpg,mp3,wma,wav</p>
    </div>
       <div class="row sub_btn" style="width:100%;text-align:center;padding: 20px 0">
        <input type="button" class="btn btn-success" value="保存为草稿">
        <input type="button" class="btn btn-info" value="保存并提交流程">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()">
    </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="__STATIC__/layout/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!--统计代码，可删除-->
    <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
    <script>
        $(document).ready(function(){
             $(".addTr").click(function(){
            var str = '<tr><td><input type="text" class="form-control"></td><td style="min-width:80px;width:80px;"><button class="btn btn-danger delthis">删除</button></td></tr>'
            $(".ad_table").append(str);
             });
             $(document).on("click",".delthis",function(){
                $(this).parent().parent().remove();
             })
        })
        //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);

        //日期范围限制
        var start1 = {
            elem: '#start1',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end1.min = datas; //开始日选好后，重置结束日的最小日期
                end1.start1 = datas //将结束日的初始值设定为开始日
            }
        };
        var end1 = {
            elem: '#end1',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start1.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start1);
        laydate(end1);
        function back(){
            var r =window.confirm("系统可能不会保存您所做的更改。");
            if(r == true){
                history.go(-1)
            }else{
                return false;
            }
        }
    </script>
</body>

</html>
